<template>
	<view class="navbar-icon">
		<view class="icon-container">
			<text class="qh-rt-single qh-rt-zuo-zuo navbar-back-icon" @click="backHome"></text>
			<text class="divider"></text>
			<text class="qh-rt-single qh-rt-a-zu2432 search-icon navbar-back-icon" @click="showSearch"></text>
		</view>
	</view>
</template>

<script>
	export default {
		name: "backHome",
		data() {
			return {

			};
		},

		methods: {
			backHome() {
				uni.navigateBack();
			},
			showSearch() {
				uni.navigateTo({
					url: "/pages/mer/goods/search/search?search=1",
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	.navbar-icon {
		width: 174rpx;
		height: 64rpx;
		// background: rgba(25, 25, 25, 0.5);
		background: rgba(25, 25, 25, 0.16);
		border-radius: 32rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		margin-left: 24rpx;
	}

	.icon-container {
		display: flex;
		align-items: center;
		gap: 28rpx;
	}

	.divider {
		width: 2rpx;
		height: 24rpx;
		background-color: rgba(255, 255, 255, 0.3);
		display: inline-block;
	}

	.navbar-back-icon {
		font-size: 32rpx;
		color: #fff;
		transition: color 0.3s ease;
	}
</style>